<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<link rel="stylesheet" href="./css/gouwuche.css">
		<link rel="stylesheet" href="./css/common.css">
		<link rel="stylesheet" type="text/css" href="./css/index.css"/>		
		<script src="js/jquery1.12.4.js"></script>
		<script type="text/javascript" src="js/car.js">
			
		</script>
	</head>
	<body>
		<include src="./header.html"></include>
		<div class="container">
			<div class="wrap">
			<div class="nav-wrap">
					<div class="nav-bd clearfix">
						<div class="nav-bd-left">
							<div class="clearfix">
								<a href="./index.html">
									<img src="images/logo.png" />
								</a>
							</div>
							<ul class="clearfix">
								<li><a href="javascript:;">手机</a></li>
								<li><a href="javascript:;">手笔记本&平板</a></li>
								<li><a href="javascript:;">穿戴智能</a></li>
								<li><a href="javascript:;">智能家居&智慧屏</a></li>
								<li><a href="javascript:;">热销配件</a></li>
							</ul>
						</div>
						<div class="nav-bd-right">
							<a href="javascript:;">
								<input type="text" placeholder="nova 5i Pro 5G" />
							</a>
						</div>
					</div>

				</div>
			<div class="hr-10 linear"></div>
			<div class="path">
				<div class="path-bd">
					<a href="./index.html"">首页</a><span>&nbsp;&gt;&nbsp;</span>
					<a href="javascript:;">手机</a><span>&nbsp;&gt;&nbsp;</span>
					<a href="javascript:;">荣耀</a><span>&nbsp;&gt;&nbsp;</span>
					<span>荣耀9X PRO 麒麟810液冷散热 4000mAh超强续航 4800万超广角夜拍三摄 6.59英寸升降全面屏 全网通 8GB+128GB（幻影紫）</span>
				</div>
			</div>
			<div class="hr-10"></div>
			<div class="proudct clearfix">
				<div class="product-l">
					<div class="img-show">
						<img src="images/800_800_b_web1565602841583.jpg" />
						<div class="mask" id="mask"></div>
						<div class="big"></div>
					</div>
					<div class="img-list clearfix">
						<div class="arrow-l"></div>
						<div class="img-sm clearfix">
							<ul class="clearfix">
								<li><img src="images/78_78_b_web1565602841583.jpg"></li>
								<li><img src="images/78_78_1563504284133mp.png"></li>
								<li><img src="images/78_78_1563504260800.png"></li>
								<li><img src="images/78_78_1563504264584.png"></li>
								<li><img src="images/78_78_1563504267971.png"></li>
								<li><img src="images/78_78_1563504270514.png"></li>
								<li><img src="images/78_78_1563504272733.png"></li>
								<li><img src="images/78_78_1563504275455.png"></li>
							</ul>
						</div>
						<div class="arrow-r"></div>
					</div>
				</div>
				<div class="product-r">
					<div class="product-recommend">
						<div class="detail-name">
							荣耀9X PRO 麒麟810液冷散热 4000mAh超强续航 4800万超广角夜拍三摄 6.59英寸升降全面屏 全网通 8GB+128GB（幻影紫）
						</div>
						<div class="detail-slogan">①享6期分期！②评价晒单送自拍杆，限5000个！③以旧换新最高补贴700元！④购机抽奖赢好礼！</div>
						<div class="detail-info">
							<div class="clearfix">
								<span>价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格</span>
								<div><i>¥2199.00</i></div>
							</div>
							<div class="clearfix">
								<span>促&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;销</span>
								<div>
									<div>
										<em>分期免息</em><b>掌上生活,花呗,工行分期支付可免息</b>
									</div>
									<div>
										<em>分期免息</em><b>掌上生活,花呗,工行分期支付可免息</b>
									</div>
								</div>
								
							</div>
							
						</div>
						<div class="hr-10"></div>
						<div class="hr-10"></div>
						<div class="service-container clearfix">
							<span>服务说明</span>
							<div class="div">
								<div class="select">
									<select>
										<option>北京</option>
										<option>北京</option>
										<option>北京</option>
										<option>北京</option>
									</select>
									<i>现货</i>
								</div>
								<div>
									<i></i><span>已满48元已免运费</span>
								</div>
							</div>
						</div>
						<div class="id clearfix">
							<span>商品编码</span>
							<div class="id-code">213243242</div>
						</div>
						<div class="hr-5"></div>
						<div class="hr-16"></div>
						<div class="color clearfix">
							<span class="item-title">选择颜色</span>
							<div class="color-detail group-click">
								<i>
									
									<em><img src="images/40_40_1563504208181mp.png" />幻夜黑</em><span></span>
								</i>
								<i>
									
									<em><img src="images/40_40_1563504208181mp.png" />幻影紫</em><span></span>
								</i>
							</div>
						</div>
						<div class="copy clearfix">
							<span class="item-title">选择版本</span>
							<div class="copy-detail group-click">
								<i>
									
									<em>全网通 8GB+12GB</em><span></span>
								</i>
								<i>
									
									<em>全网通 8GB+256GB</em><span></span>
								</i>
							</div>
						</div>
						
						<div class="combo clearfix">
							<span class="item-title">选择套餐</span>
							<div class="combo-detail group-click">
								<i>
									
									<em>荣耀无忧服务 </em><span></span>
								</i>
								<i>
									
									<em>套餐一</em><span></span>
								</i>
								<i>
									
									<em>套餐二</em><span></span>
								</i>
							</div>
						</div>
						<div class="grant clearfix">
							<span class="item-title">保障服务</span>
							<div class="grant-detail">
								<i>
									
									<em>官方标配  ￥469</em><span></span>
								</i>
								<div class="grant-server-list">
									<label><input type="checkbox" /> 荣耀无忧服务 ￥469</label>
								</div>
								<i>
									
									<em>碎拼(含后盖)服务包一年￥469</em><span></span>
								</i>
								<div class="grant-server-list">
									<label><input type="checkbox" /> 碎拼(含后盖)服务包一年￥469</label><br />
									<label><input type="checkbox" /> 碎拼(含后盖)服务包一年￥469</label>
								</div>
								<i>
									
									<em>碎拼(含后盖)服务包一年￥469</em><span></span>
								</i>
								<div class="grant-server-list">
									<label><input type="checkbox" /> 碎拼(含后盖)服务包一年￥469</label><br />
									<label><input type="checkbox" /> 碎拼(含后盖)服务包一年￥469</label>
								</div>
							</div>
						</div>
						<div class="fenqi clearfix">
							<span class="item-title">分期免息</span>
							<div class="fenqi-detail">
								<i>
									
									<em>掌上生活分期</em><span></span>
								</i>
								<i>
									
									<em>花呗分期</em><span></span>
								</i>
							</div>
						</div>
						<div class="recommend clearfix">
							<span class="item-title">推荐</span>
							<div class="recommend-detail">
								<i>
									
									<em>荣耀9X</em><span></span>
								</i>
								<i>
									
									<em>荣耀20 PRO</em><span></span>
								</i>
								<i>
									
									<em>荣耀20</em><span></span>
								</i>
							</div>
						</div>
						<div class="chosed clearfix">
							<span class="item-title">已选择商品:</span>
							<div class="chosed-detail">
								<i>
									
									幻夜黑/全网通 8GB+12GB/荣耀无忧服务
								</i>
								
							</div>
						</div>
						<div class="car clearfix">
						<div class="car-l">
							<input id="val" type="text" value="1"/>
							<a id="add" href="javascript:;">+</a>
							<a id="substract" href="javascript:;">-</a>
						</div>
						<div class="car-m">
							<a href="javascript:;">加入购物车</a>
						</div>
						<div class="car-r">
							<a href="./mycar.html" target="_blank">立即下单</a>
						</div>



					</div>
						
					</div>
					
				</div>
			</div>
			
			</div>
		<div class="hr-20"></div>
		</div>
		<include src="./footer.html"></include>
		<script src="./js/include.js"></script>
	</body>
</html>
